.chart{
    .top-bar{
        position: absolute;
        z-index: 10;
        top: 10px;
        left: 10px;
        display: flex !important;
        justify-content: space-between;
        .alarmButtn{
            width:145px;
            height:40px;
            color:#fff;
            display:flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: url("./img/flow.png") no-repeat;
            background-position: 100% 100%;
            margin-right: 25px;
            cursor: pointer;
        }
        .alarmButtn:hover{
            background: url("./img/flow.png") no-repeat;
            background-position: 100% 100%;
        }
        .left-bar {
          background-color: white;
          .leftBarImage{
            display: flex;
            height:100%;
            align-items: center;
            justify-content:space-around;
            cursor: pointer;
            .bigger{
                width: 20px;
                height: 20px;
                background: url("./img/icon-bigger.png") no-repeat;
            }
            .smaller{
                width: 20px;
                height: 20px;
                background: url("./img/icon-smaller.png") no-repeat;
            }
            .focus{
                width: 20px;
                height: 20px;
                background: url("./img/icon-focus.png") no-repeat;
            }
            .maximize{
                width: 20px;
                height: 20px;
                background: url("./img/icon-maximize.png") no-repeat;
            }
          }
          /* position:absolute; */
          width:200px;
          height:30px;
          background: url("./img/showBar.png") no-repeat;
          background-size: 100% 100% !important;
        }
        .right-bar {
          margin-right: 12px;
          padding: 0 8px;
          > img {
            display: inline-block;
            cursor: pointer;
            margin-right: 20px;
          }
        }
    }
    .context-menu-container {
        z-index: 10;
        background-color: rgb(9, 79, 139);
        border: 1px solid rgb(76, 179, 225);
        width: 140px;
        position: relative;
        display: flex;
        flex-direction: column;
        .el-button{
            text-align: left;
            font-size: 13px;
            color: rgb(63, 168, 214);
            margin-left: 0px;
            border-bottom: 2px solid rgb(76, 179, 225);
        }
        .el-button:hover{
            background-color: rgba(113, 187, 243, 0.6);
            color: #ffffff;
        }
        .el-button:last-child{
            border-bottom: none;
            color: #ffffff;
        }
        .el-button--small{
            padding: 8px 5px;
        }
    }
    .reportLayerContainer{
        width: auto;
        height: auto;
        background: transparent;
        position: relative;
        .reportItem{
            position: absolute;
            background: transparent;
        }
    }
    .chart-root{
        background-image: none;
        background-repeat: repeat;
        background-position: center center;
    }
}
